/*

<div id="ouch" class="word_bubble" style="display:none">
	<div class="word_bubble_text" style="width:200px"> This only works with firefox...</div>
	<div class="word_bubble_handle">
		<div class="word_bubble_handle1"></div>
		<div class="word_bubble_handle2"></div>
	<div>
</div>
 
*/

.word_bubble_text {
	border:2px solid black;
	background:white;
}

.word_bubble_handle {
	position: relative;
	left: 50px;
	top: -1px;
}

.word_bubble_handle1 {
	width:0px;
	height:0px;
	border-left:   16px solid black;
	border-bottom: 16px solid transparent;
}

.word_bubble_handle2 {
	position: relative;
	width: 0px;
	height:0px;
	top:-17px;
	left:2px;
	border-left:   12px solid white;
	border-bottom: 12px solid transparent;
}
